// Vue CLI  脚手架的配置文件 (修改此文件必须重启 )

// 反向代理  proxy设置一个代理对象  处理后端和前端数据请求的跨域问题
// 1. 解决 跨域
// 2. 代替 baseURL  如果使用了 代理  就不要使用 baseURL

module.exports = {
  lintOnSave: false, // 关闭 ESLint
  devServer: {
    // 开发服务器配置
    host: "0.0.0.0",
    port: 7000,
    open: true, // 自动打开浏览器
    inline: true,
    // proxy: {
    //   // 代理      反向代理   跟 baseURL 绝对冲突
    //   "/vue": {
    //     target: "http://localhost:3000/", // 代理目标对象
    //   },
    //   "/gateway": {
    //     target: "https://m.maizuo.com/",
    //   },
    //   "/wangyi": {
    //     target: "https://m.maizuo.com/",
    //     pathRewrite: {
    //       "^/wangyi": "", // 需要将 /wangyi 重写为 /
    //     },
    //   },
    // },
  },
  publicPath: "",
  css: {
    // 处理css
    loaderOptions: {
      // 加载器 处理样式
      css: {},
      postcss: {
        // 样式代码处理
        plugins: [
          // 补全css前缀(解决兼容性)
          // require("autoprefixer")(),    // moz  ms  webkit
          // 把px单位换算成rem单位
          require("postcss-px2rem")({
            // px => rem
            remUnit: 37.5, // VantUI 设计稿尺寸 375
            // rootValue: 75, // 换算的基数(设计图750的根字体为75)
            // selectorBlackList: [".van", ".my-van"],// 要忽略的选择器并保留为px。
            // propList: ["*"], //可以从px更改为rem的属性。
            // minPixelValue: 2 // 设置要替换的最小像素值。
            exclude: /node_modules/i,
          }),
        ],
      },
    },
  },

  chainWebpack: config => {
    config
      .plugin('html')
      .tap(args => {
        args[0].title = '花加商城'
        return args
      })
  },

  pwa: {
    iconPaths: {
      favicon32: 'favicon.ico',
      favicon16: 'favicon.ico',
      appleTouchIcon: 'favicon.ico',
      maskIcon: 'favicon.ico',
      msTileImage: 'favicon.ico'
    }
  }
};

